<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>公会信息</title>
  <link rel="stylesheet" href="./css/bootstrap.css">
  <style>
    .card-body .form-group{
      width:25%;
    }
  </style>
</head>
<body>
  <div class="container-fiuld p-3">
    <div class="card">
      <div class="card-header bg-transparent border-0">
        <h2>公会信息</h2>
      </div>
      <div class="card-body">
        <form>
          <div class="form-group">
            <label for="email">公会ID:</label>
            <input type="email" class="form-control" id="email">
          </div>
          <div class="form-group">
            <label for="pwd">公会登录用户名:</label>
            <input type="password" class="form-control" id="pwd">
          </div>
          <div class="form-group">
            <label for="pwd">地址:</label>
            <input type="password" class="form-control" id="pwd">
          </div>
          <div class="form-group">
            <label for="pwd">公会老板:</label>
            <input type="password" class="form-control" id="pwd">
          </div>
          <div class="form-group">
            <label for="pwd">手机:</label>
            <input type="password" class="form-control" id="pwd">
          </div>
          <div class="form-group">
            <label for="pwd">座机:</label>
            <input type="password" class="form-control" id="pwd">
          </div>
          <div class="form-group">
            <label for="pwd">微信:</label>
            <input type="password" class="form-control" id="pwd">
          </div>
          <div class="form-group">
            <label for="pwd">QQ:</label>
            <input type="password" class="form-control" id="pwd">
          </div>
          <div class="form-group">
            <label for="pwd">邮箱:</label>
            <input type="password" class="form-control" id="pwd">
          </div>

          <div class="form-group mt-5">
            <label for="pwd">指定客服:</label>
            <input type="password" class="form-control" id="pwd">
          </div>
          <div class="form-group">
            <label for="pwd">手机:</label>
            <input type="password" class="form-control" id="pwd">
          </div>
          <div class="form-group">
            <label for="pwd">座机:</label>
            <input type="password" class="form-control" id="pwd">
          </div>
          <div class="form-group">
            <label for="pwd">微信:</label>
            <input type="password" class="form-control" id="pwd">
          </div>
          <div class="form-group">
            <label for="pwd">QQ:</label>
            <input type="password" class="form-control" id="pwd">
          </div>
          <div class="form-group">
            <label for="pwd">邮箱:</label>
            <input type="password" class="form-control" id="pwd">
          </div>
          <button type="button" class="btn btn-primary">提交</button>
          <div class="alert alert-info mt-3 w-25">
            <strong>信息!</strong> 上传后不可自行修改，如需修改请联系专属客服
          </div>
        </form>
      </div>
      <div class="card-footer bg-transparent border-0">
      </div>
    </div>
  </div>
</body>
</html>